<div class="content warp-content">
    <div class="step-info">
        <div class="step-for">添加公众号：</div>
        <div class="step-wrap">
            <table class="steps" cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td class="first-step  {{cur_step==1?'active':''}}">
                        <div>1.公众号登录授权<span class="after"></span></div>
                    </td>
                    <td class="{{cur_step==2?'active':''}}">
                        <div><span class="before"></span>2.在微信公众平台加入配置信息<span class="after"></span></div>
                    </td>
                    <td class="{{cur_step==3?'active':''}}">
                        <div><span class="before"></span>3.绑定云客应用与项目</div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="first-step-warp" ng-show="cur_step==1">
        <!--#include virtual="/page/public_no/inc/one_button.html" -->
    </div>

    <div class="second-step-warp" ng-show="cur_step==2">
        <div class="grid-header mt15 grid-header-left-line" style="position: relative; margin-bottom: 10px;">
            <div class="clearfix" style="padding-bottom:4px;">
                <span class="fl f14 lh30 text-indent">请按图示将接口信息填入微信公众平台</span>
                        <span class="fr go-wx">
                            <img class="fl"
                                 src="http://ydxsbg.myscrm.com.cn/modules/admin/home/themes/default/images/icon_goweixin.png">
                            <span class="fl mt5 ml5">
                                <a href="https://mp.weixin.qq.com" target="_blank" rel="noreferrer">前往微信公众平台</a> https://mp.weixin.qq.com
                            </span>
                        </span>
            </div>
            <div class="tab-bottom-line"></div>
        </div>
        <!--#include virtual="/page/public_no/inc/interface.html" -->
        <div class="grid-header mt15 grid-header-left-line" style="position: relative; margin-bottom: 10px;">
            <div class="clearfix" style="padding-bottom:4px;">
                <span class="fl f14 lh30 text-indent">微信公众平台配置说明</span>
            </div>
            <div class="tab-bottom-line"></div>
        </div>
        <div class="ml20 mt20">
            <h5>登陆微信公众平台，进入开发者中心，如果是认证服务号，请将“授权域名”填入接口权限表的“网页授权获取用户基本信息”中</h5>

            <img class="mt20" src="/public/images/pic/plat-cfg-step3.png">
        </div>
    </div>

    <div class="third-step-warp" ng-show="cur_step==3">
        <div class="grid-header mt15 grid-header-left-line" style="position: relative; margin-bottom: 10px;">
            <div class="clearfix" style="padding-bottom:4px;">
                <span class="fl f14 lh30 text-indent">请勾选需要绑定的应用，并选择使用该应用的项目</span>
            </div>
            <div class="tab-bottom-line"></div>
        </div>

        <!--#include virtual="/page/public_no/inc/bind_project.html" -->
    </div>

    <div class="setp-ctrl">
        <div class="btns">
            <a class="pre" href="javascript:" ng-show="cur_step!=1" ng-click="prevStep()">上一步</a>
            <a class="next" href="javascript:" ng-show="cur_step!=3"
               ng-click="gzh_basic_info_form.$submitted = true;nextStep(gzh_basic_info_form.$valid)">下一步</a>
            <a ng-show="cur_step==3" href="javascript:" ng-click="save()">保存</a>
            <a class="cancalset cancel" href="javascript:" ng-click="cancel()">取消</a>
        </div>
    </div>
</div>